<% include header %>

<div class="container">
  <div class="ui form segment" style="width:400px;margin:40px auto">
    <form method="post">
      <div class="two fields">
        <div class="field required">
          <label>用户名</label>
          <input placeholder="用户名" type="text" name="name">
        </div>
        <div class="field required">
          <label>性别</label>
          <div class="ui selection dropdown">
            <div class="default text">选择性别</div>
            <i class="dropdown icon"></i>
            <input type="hidden" name="gender">
            <div class="menu">
              <div class="item" data-value="男">男</div>
              <div class="item" data-value="女">女</div>
            </div>
          </div>
        </div>
      </div>
      <div class="two fields">
        <div class="field required">
          <label>密码</label>
          <input placeholder="密码" type="password" name="password">
        </div>
        <div class="field required">
          <label>重复密码</label>
          <input placeholder="重复密码" type="password" name="re_password">
        </div>
      </div>
      <div class="field required">
        <label>邮箱</label>
        <input placeholder="邮箱" type="email" name="email">
      </div>
      <div class="field">
        <label>个人签名</label>
        <input type="text" placeholder="限制在50字以内" name="signature">
      </div>
      <input type="submit" class="ui button fluid" value="注册">
    </form>
  </div>
</div>

<script type="text/javascript">
  $('.ui.dropdown').dropdown();
</script>

</body>
</html>